Retro Icon me preguntaba el otro día:

¿Cómo puedo hacer para crear un cuadro de color negro que contenga texto e imágenes en el sidebar?


Quien dice negro dice cualquier otro color, la cuestión es crear unos estilos para añadir a un gadget determinado y que sea distinto al resto que compone la sidebar.
Lo primero que haremos será añadir los estilos que más tarde podemos modificar para personalizarlo a nuestro gusto. Justo antes de ]]></b:skin> añadimos:

#gadget {
line-height: 20px;
text-align: left;
padding: 12px;
background-color: #000;
color: #fff;
}

Guardamos los cambios y editamos un nuevo gadget en la sidebar escogiendo HTML/Javascript en su interior incluimos:

<div id="gadget">
Aquí añadimos el contenido.
</div>



Si deseamos una imagen de fondo sustituimos background-color: #000; por background:url('url-de-la-imagen') repeat;



Para añadir una imagen en el gadget lo haremos con:
<img src="url-de-la-imagen"/>


Unknown

Buenisimo! y además sencillo. Que bien!

Responder
Motoramica | Historia del Motor

Gracias Gema! que buena la explicación!
Lo aplicaré pronto.

Responder
Oloman

Perdón por el off-topic, pero ¿has eliminado la fecha de los posts por algún motivo especial? Hoy me he dado una vuelta y he visto que al menos tres lo habeis hecho.

Como ando siempre desconectado de todo, quizás ha pasado algo y no me he enterado.

Saludos y no te pierdas el Mucho más Mayo que está siendo muy majo este año.

Responder
PIRI

hOLA GENMA COMO PUEDO PONER EN PLAN FACILILLO MUSICA A MI BLOG
GRACIAS

Responder
Gem@

yz Me alegra que te guste Malina :)

yz Suerte Retro Icon ;)

yz Hola Oloman no la he eliminado siempre ha estado en pos-footer :O y ahí sigue.
El mucho más Mayo me lo estoy perdiendo pero el Domingo me daré una vuelta para ver las muestras de hiphop, breakdance y graffiti.
Oye.. ¿pasaremos a 2ª? está dificil eh.

yz Hola PIRI ¿te refieres música al acceder al blog? Mira esta entrada.
Si lo que deseas es nu reproductor mejor mira en la nube la etiqueta "Música" ;)

Responder
Oloman

Pues es cierto. Me he acostumbrado tanto a ver las fechas junto a los títulos que hoy (ayer) las eché de menos.

El sábado hay Teatro Aereo a las 22:00 en la Plaza del Ayuntamiento. Seguramente me acerque, aunque tengo comunión ese día :P

El sábado pasado la Noche de los Museos. Tres de una tacada me zampé, además de un par de actuaciones musicales muy curiosas, un par de performances y una curiosa colección de sillas recicladas.

Lo del fútbol... no soy muy aficionado, pero lo del sentido patrío se ve que lo tengo algo desarrollado y estoy al tanto. No es que esté muy difícil el ascenso, es que normalmente somos muy gafes para estas cosas.

Responder
Gem@

yz Vaya, el Mucho más Mayo lo hicieron pensando en ti :)

Lo del fútbol es cierto, es una mala racha que se está haciendo interminable. Yo tampoco soy muy de fútbol pero tengo un sobrino de nueve años que lo vive con tanto entusiasmo que lo contagia.

Responder
Anónimo

Hola Gema!! bueno tengo una consulta pero no sabia en que pagina de tantas como tienes preguntarte y opte por esta porque es sobre un gadget. Tengo un gadget que cogi del blog de lady lony y es cogiendo un codigo, pero dice lo siguiente: Copiar y pegar el código entre HEAD HEAD (con sus correspondientes signos a los lados pero no los puedo poner poque en el comentario no me lo admit)y la verdad no se como meterlo de esa forma ni se donde esta eso de head por favor ayudame gema porque en este blog hay muchos gadget que me interesan pero casi todos van asi. gracias. besos

Responder
Gem@

yz lacacharreriadejavi no he visto la página de lady lony si dejas el enlace para ver el código puedo mirarlo, de todas formas cualquier gadget puedes intentar incluirlo en un gadget de html.

Responder
Anónimo

que rapidez y dedicacion Gema, muchas gracias te dejo el enlace: http://www.ladylony.com/telaplanes6c.htm
lo meti como un gadget normal en htlm y no me sale nada. gracias por tu ayuda guapa.

Responder
Gem@

yz Pues es cierto que no lo admite porque Blogger detecta como errores algunos códigos, ese script pertenece a http://dynamicdrive.com/dynamicindex4/plane.htm donde proporciona el script y el archivo zip para descargarlo, estuve probando pero da el mismo resultado.
Déjame mirarlo con calma y te digo algo ;)

Responder
Anónimo

gracias Gema!! miralo con calma y ya me dices algo. Nos vemos, hasta la proxima!! besitos guapa!! y lo de guapa no es peloteo eh? es que lo eres.

Responder
Arista Off-Road Team

hola como puedo añadir un leer mas en un gadget? gracias y muy bueno esto de los truquillos :P

Responder
Youth Pilgrims

gema como puedo cambiar el estilo de la letra?
gracias esta pagina es genial me ha ayudado muchisisimo

Responder
Gem@

yz lacacharreriadejavi mira
mira aquí es un enlace que te lleva a la página original del script.
Lo que debes hacer es lo siguiente:
Añade el script justo antes de </head> pero lo haces añadiendo la etiqueta CDATA como viene a continuación.

<script type='text/javascript'>
//<![CDATA[

............ y aquí el código del script

//]]>
</script>

Luego descargas el zip con las imágenes, las alojas en un servidor para conseguir la url y las añades en el script.
Donde dice plane0.gif añades la url de la imagen que se llama igual y así con el resto ;)

yz Arista Off-Road Team
mira aquí es un sistema de expandir y contraer contenido en cualquier parte.

yz Youth Pilgrims en plantilla de diseño busca la pestaña "Fuentes y colores" desde ahí puedes cambiar también el tipo de fuente ;)

Responder
Anónimo

Hola Gema!! gracias por tu ayuda pero no consigo que el script me salga en el blog... seguro que algo hago mal pero no que es pero queria agradecerte tu preocupacion y tu molestia. besos.

Responder
Gem@

yz lacacharreriadejavi ¿a qué script te refieres?

Responder
Anónimo

Hola Gema!! me refiero al gadget de los aviones de la pagina de lady lony que me has dado todas las instrucciones, pero es que yo no se meterlo,estoy un poco pegao en esto y debo de meterlo mal. Gracias por preocuparte.

Responder
yo acuso radio

Hola Gema:

La verdad, un neófito como yo que conoce escasamente el html, xtml xml y demás lenguajes de atás de las páginas web, ha hecho ya un poco modificando su blog:

http://www.yo-acuso.blogspot.com

Por ello pido ayuda para poder modificarlo para poder poner un reproductor (Real Player) sobre el doble side bar.

Espero me puedas ayudar y, de antemano:

Muchas gracias

Carlos "Chunco" Morales Tapia

Responder
Gem@

yz lacacharreriadejavi tendría que ver como lo añades para decirte donde está el error.
O... mándame la plantilla que lo inserte yo ;)

yz Chunco el Real Player es un reproductor que se instala en el pc creo. ¿Lo viste en alguna página, algún blog? si es asi pásame la url y te explico pero normalmente el código para añadir un reproductor se añade en un gadget de html... desde plantilla de diseño.

Responder
Anónimo

Hola Gema!! te he mandado a tu correo (forevergema@gmail.com )la plantilla como me has dicho para que lo insertes tu, sera lo mejor. Te agradeceria que lo que insertes lo hagas en otro color para yo aprender como se hace. Muchas gracias por ayudarnos y enseñarnos tantas cosas. Besos

Responder
Gem@

yz Hola Javi la he recibido es que no he tenido tiempo aún, espero poder hacerlo mañana.
Sobre ponerlo de otro color no es posible, la plantilla se muestra toda en el mismo color de fuente. Lo que si haré será añadir un texto para indicarte donde empieza y termina cada cosa :)

Responder
Anónimo

Hola Gema!! vale yo espero a que me lo mandes que supongo que lo recibire en mi correo no? gracias!!

Responder
Gem@

yz Javi ¿puedes mandarme la plantilla en formato xml? la puedes decargar desde edición de html donde dice "Descargar plantilla completa" ;)

Responder
Anónimo

Bueno Gema, ya te mande la plantilla en xml como me pediste, ya la miras tu. ok? Gracias

Responder
Anónimo

Hola Gema!! me vas a echar la bronca seguro, pero una vez puesto el script de los aviones en mi blog me he dao cuenta que no me gusta tanto avion volando por ahi, hacen mucho ruido tantos juntos jajaja... cabria la posibilidad de que solo volara el planet4 y quitar todos los demas?es el que mas me gusta de todos y tantos volandos a la vez lo veo muy cargado... ya, ya se que soy pesado, despues de el trabajo que te has tomado y al final para no gustarme, pero sinceramente solo me gustaria que volara el planet4... No quiero darte mucho trabajo Gema, si ves que es muy complicado no te preocupes, te entiendo. te lo has currao y hemos conseguido que volaran, pero por lo pronto los tengo en el hangar a la espera de lo que tu me digas. Gracias por todo guapa.

Responder
Gem@

yz lacacharreriadejavi jajajaja no hay problema como bien dices los hicimos volar eso es como las cometas lo bonito es conseguirlo aunque luego se vengan abajo.
Para dejar sólo uno busca en el script la url de la imagen que viene a continuación de Image0.src=grphcs[0]= y la añades sustituyendo la url por la de Image4.src=grphcs[4]=.
Las otras las suprimes de forma que dejas en esa parte:

//PRELOAD the involved images (extend or contract variables according to # of images used)
Image0=new Image();
Image0.src=grphcs[0]="http://2.bp.blogspot.com/_q4j3j-JA2ro/SkTjHASLXeI/AAAAAAAALPM/pgWTt2JVMHQ/s400/plane4.gif"

Y donde dice:
//Pre-load your image below!
//CHANGE 5 to the number of images listed below
grphcs=new Array(5)

cambias el 5 por 1 que serán las imágenes a mostrar ;)

Responder
JAVI

Hola Gema!! bueno aqui esta de nuevo el pesao de los aviones... bieeeennn!!!! lo conseguimos!! por fin vuela solo el avion nº 4, el que yo queria. Tengo que decirte que te faltó un dato para que volara solo una imagen del mismo y no 5 pero investigando un poco di con ello.
Bueno y ahora estoy aqui para ponertelo un poco mas dificil, aunque que creo que para ti dificil no hay nada, una vez metido, veo que el avion vuela por todo el blog indistitntamente, por arriba... por abajo... a su bola vamos... y mi pregunta es: cabria la posibilidad de meter algun dato que creo que es a traves del width y el height para que solo volara por lo que es solo la portada del blog? Recuerdo que en otro blog que tenia hace tiempo tenia un script de otras cosas paseandose por el y tenia ese dato metido y yo le cambiaba la numeracion para que andara solo por el espacio que yo queria.
Nada mas, solo darte las gracias por tu ayuda y mi satisfacion de verlo por fin volar. Cuando puedas me dices algo sobre la pregunta vale? Besos guapa!!

Responder
Gem@

yz Hola JAVI seguramente no es complicado sin embargo el script tiene definida la imagen para LEFT=0 TOP=0 es decir que salga por la izquierda y arriba del blog, no sabría decirte como modificarlo quizás sería mejor añadir ese script que me comentas o quizás alguno similar ;)

Responder
JAVI

Hola Gema!! bueno no te preocupes, lo importante es que ya vuela aunque lo haga a su bola. Lo que puedo hacer es comprame un mando a distancia y dirigirlo yo a mi antojo, porque es que no hay quien pueda con el... ja ja ja
Gracias por todo. Besos guapa!!

Responder
Gem@

yz JAVI eres tremendo :D
Prueba a incluir el script en un gadget de HTML justo arriba después del header.
Para añadirlo en un gadget suprime la etiqueta CDATA que te expliqué más arriba.
Todo sea por no comprar el mando :D

Responder
EL PIRATA PATA-CHULA

Lo he intentado y no sale naaa chiquilla!!!! y encima me da el error de que la plantilla no esta bien formada... dejalo Gema, ya me da apuro de que te preocupes tanto por el dichoso avíón, a ver si lo bombardean los americanos y me libro de el. No te preocupes me compro el mando mejor. Si en algun momento te enteras de como se hace me lo dices si no lo dejamos tal como esta, pero no quiero que te comas la cabeza, vale?
Gracias y besos guapa.

Responder
Gem@

yz Siento no poder contestar antes Javi, tendré en cuenta lo que me dices y nada más tenga tiempo y normalice un poco el descontrol de las vacaciones veremos el mando ese :)

Responder
Anónimo

Tu tranquila Gema, lo primero son las vacaciones, que hay que desconectar de tanto pesao como el de los aviones... miralo cuando puedas y si no das con el tema no te preocupes yo voy a seguir siendo un admirador tuyo por lo que sabes,por lo que nos enseñas y por tu dedicacion en esto... que no me vas a peder como fans tuyo vamos!! ja ja ja
Un beso guapa!!

Responder
Gem@

yz lacacharreriadejavi ok lo tendré en cuenta por si veo algo ;)
Sigue con ese buen humor :D

Responder
Anónimo

Hola Gema!! aqui el piloto del avión rebelde, meidei meidei!!
Tengo una nueva consulta que aunque para ti sera una tonteria, yo no tengo ni idea de como hacerlo... Me he dado cuenta de que cuando entro en otros blogs y entro en el perfil de la persona, si tiene mas de un blog le aparece la lista de todos los que tiene, bien, pues yo aparte de la cacharreria tengo otro blog mas, pero en ninguno de los dos cuando se entra en mi perfil aparece el otro, solo aparece el que se esta mirando en ese momento y me gustaria que se viera en los dos, los blogs que tengo. Mi pregunta es la siguiente ¿En que lugar se mete la lista entera de blog que le pertenece a esa persona? ¿Que tengo que hacer?
Gracias guapa!! besitos!!

Responder
Gem@

yz Hola piloto :)
Para mostrar escoger los blogs a mostrar accede a tu panel de Blogger luego haz click en "Editar perfil" y donde dice "Mostrar mis blogs" verás a la derecha "Selecciona los blogs que deseas mostrar" haces otra vez click y marcas todos los blogs que deseas que se visualicen en tu perfil, guardas los cambios y listo :D

Responder
Gem@

yz vaya lío me hice al principio jajajaja "Para mostrar escoger los blogs a mostrar" espero se entienda lo que sigue :D

Responder
JAVI

Hola Gema!! si si vaya lio jajaja.:D
bueno, a lo que vamos... he hecho lo que me dices pero cuando se abre "definir los blog mostrados" solo me muestra la cacharreria no me muestra ninguno mas para dejarlo clicado y guardar los cambios. ¿Podria ser porque yo cada blog lo tengo con distinta cuenta de correos? ¿Tendria que tenerlo los dos con la misma cuenta para que me aparezca en esa lista de la que tengo que selecionar los que quiero que se vean?
Gracias guapa!!
besos!!

Responder
Anónimo

Hola Gema!! Te escribo porque hace mucho tiempo que te hice la ultima consulta y veo que no contestas, pero esa realmente no es mi preocupación , lo que me preocupa es que te haya pasado algo , porque como nos tienes acostumbrados a responder tan rapido pues me he alarmado un poco pensando a ver si estabas enferma o algo. Solo era para eso, espero que todo esté bien y por supuesto que lo estes tu.
besitos guapa!!

Responder
Gem@

yz Hola Javi, primero te agradezco la preocupación, estoy bien pero fuera de casa quiero decir que no puedo conectarme como me gustaría. Esta semana regreso y ya podré conectarme sin problema de banda ancha.
Sobre lo que me dices sin duda es eso, cuando configuramos algo siempre lo hacemos desde la cuenta que deseamos configurar.
Si los blogs los tienes en distintas cuentas deberás hacer la misma operación en cada una de ellas, puedes seleccionarlos para que se vean o no, pero desde la cuenta que tienes para cada uno de ellos ;)

Suerte piloto :D

Responder
JAVI

Buenooo ya apareció la niña!! aqui el piloto preocupao y ella de juerga... eso no vale!! preucupar gratuitamente no vale eh? ja ja ja
bueno me alegro que estes bien guapa, la verdad es que me extrañaba mucho y como eran tantos dias sin aparecer por aqui me llegue a asustar pensando que estabas malita...
bueno mejor que no sea asi.
Gracias Dios por no llevartela tan pronto, que me queda mucho que aprender de ella pa poner chulo mi blog. jajaja
me alegro que estes bien Gema.
Muchos besitos de este piloto que poco volaria sin tu torre de control.

Responder
Gem@

yz Gracias Javi :D

Responder
Anónimo

gracias gem@!!

Responder
Gem@

:: No hay de qué lk :)

Responder
Anónimo

you are the sunshine of my blogs, gem@!! jaja...

Responder
EL UNIVERSO SAI

http://eldespertarsai.blogspot.com

HOLA GEMA
ESTA EXPLICACION ME GUSTO MUCHO
LA ANDABA BUSCANDO
TAMBIEN APRENDI A COLOCAR BORDERS EN LA PAGINA
GRACIAS POR TUS ENSEÑANZAS
TENGO OTRO SITIO
http://luistovarcarrillo.multiply.com

SALUDOS
LUIS TOVAR

Responder
Gem@

:: Me alegra que te fuera útil EL DESPERTAR SAI :)

Responder
Manolo

hola Gema, he puesto para que me salga una foto en un gaget pero no me sale la foto mi blog es: http://dejaredefumarseguro.blogspot.com/
no se lo que hice gracias

Responder
Gem@

:: Manolo yo tampoco puedo saber lo que hiciste si no me dices en qué gadget la has añadido, por ejemplo la imagen navideña si puede verse :S

Responder

Los comentarios han sido inhabilitados temporalmente. ¡GRACIAS!

:):'(:(:P:D:$;):-I:X:O|O:S

Nota: solo los miembros de este blog pueden publicar comentarios.

 


top